<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>  
<base href="<%=basePath%>">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>易研讯(Examinee)</title>
  <link rel="stylesheet" href="<%=path%>/views/static/layui-v2.5.6/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo"><img src="<%=path%>/views/static/imgs/登录.png" width="200px" height="61px"></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left ">
    
      <li class="layui-nav-item"><a href="javascript:;" onclick="change11()"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-home"></i>首页</span></li></a>
      <li class="layui-nav-item"><a href="javascript:;" onclick="change6()"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-fire"></i>考研热点</span></a></li>
      <li class="layui-nav-item"><a href="javascript:;" onclick="change5()"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-list"></i>名校中心</span></a></li>
      <li class="layui-nav-item"><a href="javascript:;" onclick="change4()"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-dialogue"></i>交流中心</span></a></li>
      <li class="layui-nav-item"><a href="javascript:;" onclick="change2()"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-upload-drag"></i>上传专区</span></a></li>
      <li class="layui-nav-item"><a href="javascript:;" onclick="change3()"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-download-circle"></i>下载专区</span></a></li>
    	<li class="layui-nav-item">
        <a href="javascript:;">
            <span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-user"></i>个人中心</span>
        </a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;" onclick="change10()">查看基本资料</a></dd>
          <dd><a href="javascript:;" onclick="change1()">修改基本资料</a></dd>
          <dd><a href="javascript:;" onclick="change7()">修改密码</a></dd>
          <dd><a href="javascript:;" onclick="change9()">修改头像</a></dd>
        </dl>
      </li>
    </ul>
    
    <div id="div1" style="color:white; position: absolute; top: 20px;font-family: 宋体;left: 1080px;font-size: large;"></div>
    <script>
      window.onload=function(){
      //定时器每秒调用一次fnDate()
      setInterval(function(){
      fnDate();
      },1000);
      }
      //js 获取当前时间
      function fnDate(){
      var oDiv=document.getElementById("div1");
      var date=new Date();
      var year=date.getFullYear();//当前年份
      var month=date.getMonth();//当前月份
      var data=date.getDate();//天
      var hours=date.getHours();//小时
      var minute=date.getMinutes();//分
      var second=date.getSeconds();//秒
      var time="现在是："+year+"-"+fnW((month+1))+"-"+fnW(data)+"  "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
      oDiv.innerHTML=time;
      }
      //补位 当某个字段不是两位数时补0
      function fnW(str){
      var num;
      str>=10?num=str:num="0"+str;
      return num;
      } 
      </script>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="imgs/<%=session.getAttribute("fileName") %>" class="layui-nav-img">
            <span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><%=session.getAttribute("customize_name") %></span>
        </a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;" onclick="change8()">完善基本资料</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item">
      
      	<div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
  			<button data-method="notice" class="layui-btn layui-btn-radius layui-btn-primary layui-bg-black"><span style="font-size: large;font-family: 宋体;font-weight: bolder;color:white;"><i class="layui-icon layui-icon-logout"></i></span></button>
		</div>
      
      </li>
    </ul>
  </div>
  
  <img alt="" src="<%=path%>/views/static/imgs/index.png" width="430px" height="870px" style="position: relative;left: -125px;top:-55px;">
  
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style=" height: 100%">
      <iframe src="<%=path%>/views/static/background.html" style="height: 99%;width: 101%" id="0"></iframe>
    </div>
  </div>
  
  <div class="layui-footer" style="text-align: center;">
    <!-- 底部固定区域 -->
    <span>© 2020 集美大学 - 侯湘宁 - 毕业设计 - 易研讯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Copyright&nbsp;&nbsp;2020-now&nbsp;&nbsp;HXN.&nbsp;&nbsp;All Rights Reserved </span>
  </div>
</div>
<script src="<%=path%>/views/static/layui-v2.5.6/layui/layui.js"></script>

<script src="<%=path%>/views/static/layui-v2.5.6/layui/lay/modules/element.js"></script>
<script>
		//JavaScript代码区域
		layui.use('element', function(){
  		var element = layui.element;
  
		});

		function change1() {
          document.getElementById("0").src="<%=path%>/user_basic_alter.jsp"
      	};
      	
      	function change2() {
            document.getElementById("0").src="<%=path%>/upload_center1.jsp"
        	};
        	
        function change3() {
            document.getElementById("0").src="<%=path%>/download_center.jsp"
            };
        function change4() {
            document.getElementById("0").src="<%=path%>/talk_center.jsp"
            };
        function change5() {
            document.getElementById("0").src="<%=path%>/college_center.jsp"
            };
        function change6() {
            document.getElementById("0").src="<%=path%>/popular_index.jsp"
            };
       	function change7() {
            document.getElementById("0").src="<%=path%>/password_alter.jsp"
            };
        function change8() {
            document.getElementById("0").src="<%=path%>/complete_personal.jsp"
        	};
        function change9() {
            document.getElementById("0").src="<%=path%>/head_alter.jsp"
            };
        function change10() {
            document.getElementById("0").src="<%=path%>/user_basic.jsp"
            };
        function change11() {
            document.getElementById("0").src="<%=path%>/views/static/background.html"
            };
</script>
<script>
layui.use('layer', function(){ //独立版的layer无需执行这一句
  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
  
  //触发事件
  var active = {
    notice: function(){
      //示范一个公告层
      layer.open({
        type: 1
        ,title: false //不显示标题栏
        ,closeBtn: false
        ,area: '300px;'
        ,shade: 0.5
        ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
        ,btn: ['狠心离开', '再看一会']
        ,btnAlign: 'c'
        ,moveType: 1 //拖拽模式，0或者1
        ,content: '<div style="padding: 50px; line-height: 22px; background-color: white; color:black; font-weight: 400;font-size:18px;">您真的要离开易研讯吗？</div>'
        ,success: function(layero){
          var btn = layero.find('.layui-layer-btn');
          btn.find('.layui-layer-btn0').attr({
            href: 'index.html'
            
          });
        }
      });
    }
  };
  
  $('#layerDemo .layui-btn').on('click', function(){
    var othis = $(this), method = othis.data('method');
    active[method] ? active[method].call(this, othis) : '';
  });
  
});
</script>

</body>
</html>